<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2023/3/16 0016
  Time: 下午 17:04
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="../css/payment.css">
    <link rel="stylesheet" href="../../iconfont/iconfont.css"/>
    <script src="../../js/payment.js"></script>
    <script src="/js/jquery-3.5.1.min.js"></script>
    <link rel="stylesheet" href="../../css/thenlogin.css"/>
</head>
<body>
<div class="box">
    <div id="box">
        <!-- 遮罩层 -->
        <div id="zzc"></div>

        <div class="headNav">
            <div class="headNavRbox">
                <a href="">三星官网</a>
                <a href="">盖乐世社区</a>
                <a href="">三星商城VIP用户专属服务</a>
                <a href="">三星商城APP</a>
                <a href=""><span class="iconfont icon-dianhua" style="margin-right: 5px;"></span>400 011
                    8899</a>
            </div>
        </div>

        <div class="gnb_nav">
            <div class="gnb_nav_img gnb_nav_float">
                <a href=""><img src="img/global-samsung-logo1.png" /></a>
            </div>

            <div class="gnb_nav_center gnb_nav_float">
                <li>手机/平板</li>
                <li>手表/耳机</li>
                <li>电视/影视</li>
                <li>生活家电</li>
                <li>显示器/存储</li>
            </div>

            <div class="gnb_nav_righ">
                <input id="search" type="text" />
                <div class="searchtip"></div>
                <div onclick="search()" class="dosearch"><img src="img/dosearch.png" alt=""></div>
                <span class="iconfont icon-gouwuche" onclick='${sessionScope.user==null?"isnull()":"iscart()"}'></span>
                <c:if test="${user!=null}">
                    <div class="gwcnumber"><span class="gwcnumbertext">${cartcount}</span></div>
                </c:if>
                <li>${sessionScope.user==null?"<a href='/login' id='delu'>登录/注册</a>":"<img src='img/login.png' width=25 height=25 id='Login' onmouseover='Login()'>"}</li>
                <div id="levitation">
                    <div><a href="/MyOrdershas">我的订单</a></div>
                    <div><a href="/MyCollection">我的收藏</a></div>
                    <div><a href="/Myevaluation">我的评价</a></div>
                    <div><a href="/center">个人主页</a></div>
                    <div><a href="/Shippingaddress">收货地址</a></div>
                    <div><a href="/isnull">退出</a></div>
                </div>
            </div>

            <!-- 显示的盒子 -->
            <div id="show">
                <div id="show_conten_header">
                    <h1>手机/平板</h1><span id="cancelshow">×</span>
                </div>

                <div class="show_nav_conten">
                    <div class="showNavone">
                        <li class="newtuijian">新品推荐<span><img src="img/rightarrow.png" alt=""></span></li>
                        <c:forEach items="${selectxl}" var="xl">
                            <li  class="xlli" id="${xl.xid}">${xl.xname}<span><img src="img/rightarrow.png" alt=""></span></li>
                        </c:forEach>
                    </div>
                    <div class="showNavtwo">
                        <div class="showNavtwoson">
                            <c:forEach items="${newgoods}" var="n">
                                <li onclick="chuandetail(${n.sid},${n.lid})">${n.sname}<span>新</span></li>
                            </c:forEach>
                        </div>
                    </div>
                    <div class="showNavthree">
                        <div id="advertisebox">
                            <img src="img/advertisePhone.png" alt="">
                        </div>
                        <a>Galaxy S23系列</a><br />
                        <a id="lianjie">了解更多</a>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="infor">
        <div class="pay">
            <div class="pet"><img src="img/ChinaPay.png"></div>
            <div class="pay_txt">
                <div class="com_name"><p style="font-size: 16px;color: black;font-weight: bolder;" >Galaxy S22+ 浅熏紫 8GB+128GB</p></div>
                <div class="dnumber">
                    <p>订单号：SAM23031353554</p>
                    <p>若发生退款需联系收款方协调，如付款给陌生人，请谨慎操作。交易将在<span calss="pay_time" style="color: blue;font-weight: bold;">29</span>分钟后关闭，请及时付款！</p>
                </div>
            </div>
        </div>
        <div class="white">
            <div class="ma">
                <div class="ma_box">
                    <div class="pay_price">
                        <p style="color: #848484;font-size: 14px">扫一扫，付款(元)</p>
                        <p>5599</p>
                    </div>
                    <div class="qr">
                        <img src="img/QRcode.png">
                        <p style="width: 150px;margin-left: 55px;">请使用微信、云闪付扫码支付</p>
                    </div>
                    <div class="pay_btn" style="margin-top: 60px;">
                        <button onclick="successful()" style="background: black;margin-left: 25px;">支付成功</button>
                        <button onclick="cancel()" style="color: black;">取消支付</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 下方为底部 -->
    <div class="BOX2">
        <div>
            <div class="BOX3">
                <div class="BOX4">
                    <img src="img/icon-logistics.png">
                    <p>专业客服团队/提供当季优惠信息</p>
                </div>
                <div class="BOX5">
                    <img src="img/icon-seven.png">
                    <p>7天无理由退货15天换货(定制商品除外)</p>
                </div>
            </div>

            <div class="BOX9">
                <div class="BOX10">
                    <div class="BOX11">
                        <img src="img/icon-hand.png">
                        <span>官方正品请安心购买</span>
                    </div>
                    <div class="BOX12">
                        <img src="img/icon-phone.png">
                        <div>
                            <span>服务中心</span><br>
                            <span style="font-weight: 600;">400-011-8899(09:00~22:</span><br>
                            <span style="font-weight: 600;"> 00)</span>
                        </div>
                    </div>
                </div>
                <div class="BOX13">
                    <div>关注我们</div>
                    <img src="img/icon-app.png" style="margin-right:105px;">
                    <img src="img/icon-wb.png" style="margin-right:25px;">
                    <div style="display: flex;padding-left: 240px;width: 110px;">
                        <p>微博</p>
                        <p style="padding-left: 20px;">下载
                        <p style="font-weight:600">APP</p>
                        </p>
                    </div>
                </div>
            </div>
            <div class="BOX7">
                <div>
                    <h4>产品</h4>
                    <p> <a href="">手机/平台</a></p>
                    <p> <a href="">手表/耳机</a></p>
                    <p> <a href="">电视/影音</a></p>
                    <p> <a href="">生活家电</a> </p>
                    <p> <a href="">显示器/存储</a></p>
                </div>
                <div style="margin-left: 56px;">
                    <h4>我的三星</h4>
                    <p> <a href="">我的订单</a></p>
                    <p> <a href="">我的星钻</a></p>
                    <p> <a href="">优惠券</a></p>
                    <p> <a href="">个人地址</a> </p>
                    <p> <a href="">收货地址</a></p>
                </div>
            </div>
            <div class="BOX8">
                <div style="height: 230px;">
                    <h4>产品</h4>
                    <p> <a href="">常见问题</a></p>
                    <p> <a href="">三星商城账号</a></p>
                    <p> <a href="">产品和订单</a></p>
                    <p> <a href="">商品支付及发票</a> </p>
                    <p> <a href="">三星专属管家服务</a></p>
                    <p> <a href="">物流</a></p>
                    <p> <a href="">售后服务</a></p>
                </div>
                <div style="margin-left: 50px;">
                    <h4>服务支持</h4>
                    <p> <a href="">关于商城</a></p>
                    <p> <a href="">关于三星</a></p>
                    <p> <a href="">售后网点查询</a></p>
                    <p> <a href="">联系我们</a> </p>
                    <p> <a href="">体验反馈➚ </a></p>
                </div>
            </div>
        </div>
    </div>
    <div class="BottomBox">
        <div>
            <div class="agree">
                <p style="padding-left: 50px;">隐私政策</p>
                <p style="padding-left: 20px;">用户协议</p>
                <p style="padding-left: 20px;">网站地图</p>
                <p style="padding-left: 720px;">© 1995-2023 三星（中国）投资有限公司 版权所有</p>
            </div>
            <div class="agree">
                <img src="img/icon-record.d0289dc0.png" style="padding-left: 50px;">
                <p>京公网安备 11010502040099号</p>
                <p style="padding-left: 20px;">京ICP备05068163号</p>
                <img src="img/icon-gscord.c3e17e54.png" style="padding-left: 10px;">
                <p>营业执照</p>
                <p style="padding-left: 500px;">三星（中国）投资有限公司运营三星商城并销售产品</p>
            </div>
        </div>
    </div>

</div>

</div>
</body>
</html>
